<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>选择元素节点</title>
	</head>
	<body>
		<p id="p">Example: <i>italic</i> and <b>bold</b></p>
		<!--         0          1         2      3       -->

		<script>
			// 选择元素节点：或者，如果 node 是一个元素节点，那么 offset 则必须是子元素的编号。
			// 也就是说，range 对象第一个参数是元素节点，第二个参数则必须是所有子元素（文本节点、元素节点）的编号。

			const range = new Range()

			range.setStart(p, 0)
			range.setEnd(p, 2)

			console.log('range', range.toString()) // range Example: italic (返回的结果是不带标签的)

			// 指定当前文档中，默认选中的内容
			document.getSelection().addRange(range)
			// 清除当前文档中默认选中的内容
			// document.getSelection().removeAllRanges();
		</script>
	</body>
</html>
